import { StyleSheet } from 'react-native';
import colors from './colors';
import typography from './typography';

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: colors.background,
  },
  h1: {
    ...typography.headlines.h1,
  },
  h2: {
    ...typography.headlines.h2,
  },
  h3: {
    ...typography.headlines.h3,
  },
  h4: {
    ...typography.headlines.h4,
  },
  h5: {
    ...typography.headlines.h5,
  },
  h6: {
    ...typography.headlines.h6,
  },
  title: {
    ...typography.title.medium,
  },
  titleSmall: {
    ...typography.title.small,
  },
  titleLarge: {
    ...typography.title.large,
  },
  body: {
    ...typography.body.medium,
  },
  bodySmall: {
    ...typography.body.small,
  },
  bodyLarge: {
    ...typography.body.large,
  },
  caption: {
    ...typography.caption.medium,
  },
  captionSmall: {
    ...typography.caption.small,
  },
  captionLarge: {
    ...typography.caption.large,
  },
});